<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>按钮</button>
    <input type="text" value="输入内容">
    <script>
        //1.获取元素
        var btn = document.querySelector('button');
        var inp = document.querySelector('input');
        //2.注册事件 处理程序
        btn.onclick = function() {
            //一.点击按钮修改表单内容(value)
            //input.innerHTML='点击了';  这个是 普通盒子用的  比如 div标签里面的内容
            //表单里面的值 文字内容是通过value来修改的
            inp.value = '你好';

            //二.点击按钮只能点击一次 后续被禁用(disabled)
            //btn.disabled = true;  //与下面运行相同
            this.disabled = true; //this指向的是时间函数的调用者 btn
        }
    </script>

</body>

</html>